@charset "utf-8";
/* CSS Document */
.header{background:url(../images/headerbg.jpg) no-repeat center center;height: 187px;}
.headen { height: 89px; }
.logo { padding: 10px 0 }
.logo img{display: block;}
.menu { background: url(../images/navbg.png) no-repeat bottom;height: 98px; }
.nav li{float: left;width: 170px;height: 98px;line-height: 98px;text-align: center;background:url(../images/line.png) no-repeat right center;}
.nav li:last-child { background: none }
.nav li a{width: 170px;height: 98px;display: block;color: #fff;font-family: Microsoft YaHei;font-size: 16px;}
.nav li.on a{background:url(../images/abg.png) no-repeat  center center;width: 168px;}
.nav li a:hover{background:url(../images/abg.png) no-repeat  center center;width: 168px;}
.toptel { background: url(../images/telico.png) no-repeat left 100% ;width: 260px;padding: 20px 0 0 60px;color: #0091a7 }
.toptel p { font-size: 34px; }
.content { position: relative; }
/*ser*/
.ser { background: url(../images/serbg.jpg) no-repeat bottom center; height: 144px; position: absolute; top: -70px;width: 1200px;z-index: 9; }
.sercon { margin: 0 auto;width: 1021px;height: 144px; }
.inkey { color: #fff;margin: 53px 0 0 30px;width: 381px; }
.search { position: relative;margin: 42px 29px 0 0 }
.txt { width: 416px;height: 59px;line-height: 59px;padding: 0px 67px 0 20px;border: 1px #fff solid; }
.btn { background: url(../images/ssbtn.jpg);position: absolute;top: 10px;right: 10px;height: 41px;width: 41px; }

/*sypro*/
.inpro { height: 1033px;background: url(../images/diandian.png) right center no-repeat; }
.proo { position: relative; }
.protit { text-align: center; }
.protit img { padding-top: 130px; }
.prolist { margin: 23px auto 0px;display: block;width: 1074px;height: 728px; }
.prolist li { float: left;width: 335px;height: 335px;position: relative;padding: 3px 3px 0 0;margin: 10px 10px; }
.prolist li a img { width: 335px;height: 335px; }
.prolist li:hover a img { 
/*	transform:scale(1.01);
	transition: transform .3s;
	-webkit-transition: transform .3s; 
	-moz-transition: transform .1s;
	-o-transition: transform .3s;
	-ms-transition: transform .3s;*/
}
.prolist>li>img { position: absolute; top: 0px;right: 0px; }
.more1 { width: 52px;margin: 0 auto }

/*adv*/
.adv { background: #f1f1f1;height: 605px; }
.advtit { text-align: center; }
.advtit img { padding-top: 51px; }
.advlist { background: url(../images/lineblack.png) no-repeat top;height: 400px;margin-top: 40px; }
.advlist li { float: left;background: url(../images/advlibg1.png) top no-repeat;height: 364px;width: 253px;color: #000;position: relative;margin-top: 12px;margin-right: 15px; }
.advlist li h1 { font-size: 27px;width: 152px;text-align: center;padding: 5px 0 8px 0;margin: 0 auto;display: block;}
.advlist li span { height: 190px;margin: 0 auto;display: block;width: 175px;padding-top: 10px; }
.advlist li:hover { background: url(../images/advlibg2.png) top no-repeat;color: #0094aa }
.li1 div{ background: url(../images/ico3.png) no-repeat;height: 78px;width: 99px;margin: 0 auto; }
.li2 div{ background: url(../images/ico4.png) no-repeat;height: 84px;width: 84px;margin: 0 auto; }
.li3 div{ background: url(../images/ico5.png) no-repeat;height: 113px;width: 85px;margin: 0 auto; }
.li4 div{ background: url(../images/ico6.png) no-repeat;height: 115px;width: 90px;margin: 0 auto; }
.li1 { margin-left: 71px; }
.li1:hover div { background: url(../images/ico33.png) no-repeat;height: 78px;width: 99px;margin: 0 auto; }
.li2:hover div { background: url(../images/ico44.png) no-repeat;height: 84px;width: 84px;margin: 0 auto; }
.li3:hover div { background: url(../images/ico55.png) no-repeat;height: 113px;width: 85px;margin: 0 auto; }
.li4:hover div { background: url(../images/ico66.png) no-repeat;height: 115px;width: 90px;margin: 0 auto; }

/*huanjing*/
.hj { height: 690px;background: url(../images/diandian1.png) no-repeat left center; }
.hj { text-align: center; }
.hjtit img { padding-top: 51px; }
.hjlist { width: 985px;margin: 42px auto 0;height: 405px; }
.hjlist li { float: left;width: 328px;height: 190px; }
.hjlist li a img { width: 328px;height: 190px; }
.more2 { width: 52px;margin: 0 auto }

/*news*/
.news { height: 705px;background: url(../images/newsbg.jpg) no-repeat bottom; }
.newstit { text-align: center; }
.newstit img { padding-top: 51px; }
.newslist { display: block;height: 453px;width: 1072px;margin: 36px auto 0; }
.newslist li { float: left;width: 482px;margin-left: 35px; }
.newslist li a img { width: 482px;height: 233px;
    -webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */
    filter: grayscale(0%); 
    
}
.newstwo { margin-top: 28px; }
.newsdate { width: 63px;height: 166px;border-right: 1px solid #000;padding-right: 10px; }
.newsdate p { color: #000;text-align: center;border-bottom: 1px #000 solid;font-size: 30px;padding-bottom: 14px;font-weight: bold;line-height: 28px  }
.newsdate span { color: #000;font-size: 24px;display: block;text-align: center;padding-top: 14px;font-weight: bold }
.newscon { margin-left: 16px;width: 382px;color: #000; }
.newscon p { font-size: 18px;color: #000;margin-bottom: 7px; }
.newscon span { display: block;width: 382px;text-indent: 2em;line-height: 24px;color: #000;height: 110px;font-size: 13px; }
.newslist li:hover { color: #fff }
.newslist li:hover .newsdate { border-right: 1px solid #fff; }
.newslist li:hover .newsdate p { color: #fff;border-bottom: 1px #fff solid; }
.newslist li:hover .newsdate span { color: #fff }
.newslist li:hover .newscon { color: #fff }
.newslist li:hover .newscon p { color: #fff }
.newslist li:hover .newscon span { color: #fff }
.newslist li:hover a img { 
    -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%);  
	filter: Gray;
}
.more3 { width: 100px;margin: 0 auto }

/*foco*/
.foco { background: #333230;height: 215px;color: #fff }
.logo1 img{ margin: 91px 0 }
.focolianxi { background: url(../images/ico1.png) no-repeat left center;width: 235px;padding-left: 28px;height: 215px;line-height: 215px;margin-left: 30px; }
.focodress { background: url(../images/ico2.png) no-repeat left center;padding-left: 16px;height: 215px;line-height: 215px; }
.ewm { margin: 53px 0;width: 90px;height: 90px; }
.ewm img { width: 90px;height: 90px; }

/*fo*/
.fo { background: #bfbfbf;height: 32px;color: #000;line-height: 32px; }
.bq { text-align: right;width: 500px; }
.ba { text-align: center;width: 200px; }
.js { width: 500px;text-align: left; }